.orderDetails{
	background-color: #fff;
	height: auto;
	width: 100vw;
}
.tui-header-icon {
	width: 100%;
	position: fixed;
	top: 0;
	padding: 0 0 0 38rpx;
	display: flex;
	align-items: center;
	height: 32px;
	transform: translateZ(0); 
	box-sizing: border-box;
}
.orderDetails_footer{
	display: flex;
	width: calc(100vw - 80rpx);
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 80rpx;
	padding: 0 40rpx;
}
.content_hader{
	height: 178rpx;
	background: linear-gradient( 180deg, #FFDDD0 0%, #FFFFFF 100%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 30rpx 38rpx;
	.hader_lt{
		.lt_Title{
			font-weight: 500;
			font-size: 40rpx;
			color: #FF4E37;
			line-height: 47rpx; 
		}
		.lt_time{
			font-weight: 500;
			font-size: 28rpx;
			color: #FF4E37;
			line-height: 33rpx; 
			padding-top: 20rpx;
		}
	}
  .hader_rt{
	  width: 124rpx;
	  height: 124rpx;
  }
}
.content_info{
		border-top: 12rpx solid #F5F5F5;
		background-color: #fff;
		padding: 40rpx;
		 
}
.order_numTime{ 
	padding: 40rpx;
}
.info_item{
			display: flex;
			justify-content: space-between;
			align-items: center;
			width: calc(100vw - 80rpx);
			.item_left{
				font-weight: 400;
				font-size: 28rpx;
				color: #333333;
				line-height: 33rpx;
				text-align: left;
			}
			.item_right{
				font-weight: 400;
				font-size: 28rpx;
				color: #666666;
				height: 40rpx;
				line-height: 40rpx;
				text-align: right;
				display: flex;
				align-items: center;
			}
		}
	.content_tutor{ 
		background-color: #fff;
		border-radius: 20rpx;
		border-top: 12rpx solid #F5F5F5;
		border-bottom: 12rpx solid #F5F5F5;
		.top{
			display: flex;
			justify-content: space-between;
			align-items: center;
			color: #b2b3b3;
			padding: 40rpx;
			font-size: 24rpx;
			border-bottom: 2rpx solid #f6f6f6;
			.invite{
				color: #ed6e5e;
			}
		}
		.content{
			 padding: 20rpx;
			 display: flex;
			.content_lt{
				width: 160rpx;
				height: 160rpx;
				overflow: hidden; /* 防止图片溢出 */ 
				border-radius: 20rpx;
				.image{
					width: 100%;
					height: 100%;
					object-fit: cover;
				}
			}
			.content_rt{
				width: calc(100% - 140rpx);
				padding-left: 20rpx;
				.tp{
					display: flex;
					justify-content: space-between;
					align-items: center;
					.tp_lt{
						font-weight: 600;
						font-size: 36rpx;
					}
				}
				.ct{
					display: flex;
					justify-content: space-between;
					align-items: center;
					padding: 16rpx 0;
					.ct_lt{
						background-color: #fef8e6;
						color: #f6b455;
						padding: 4rpx 8rpx;
						font-size: 28rpx;
						border-radius: 10rpx;
					}
					.ct_rt{  
						font-size: 28rpx; 
					}
				}
				.bt{
					color: #777777;
					font-size: 28rpx;
				}
			}
			 
		}
		.bottom{ 
			color: #b0b1b1; 
			font-size: 24rpx; 
			display: flex;
			justify-content: flex-end;
			align-items: center;
			padding:0 20rpx;
			.total{
				color: #646464;
				display: flex;
				align-items: center;
			}
			.totalPrice{
				color: #e25e42;
				font-weight: bold;
				font-size: 36rpx;
				padding-left: 10rpx;
			}
		}
		.footer{
			 display: flex;
			 align-items: center;
			 justify-content: flex-end;
			width:calc(100% - 40rpx)  ;
			padding: 20rpx;
			.button_item{
				display: flex;
				align-items: center; 
				justify-content: space-between;
				width: 55%;
			}
		}
	}